// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.contest-userentry {
  @_top: contest-userentry;

  position: relative;
  height: 150px;
  background: @osu-colour-b4;
  margin: 10px;
  width: calc(50% - 20px);
  .default-box-shadow();
  transition: 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55);

  &--disabled {
    display: none;
  }

  &--dragndrop-active {
    background-color: @osu-colour-b3;
  }

  &--new {
    &:hover,
    .@{_top}--dragndrop-hover& {
      background-color: @osu-colour-b3;
      transform: scale(1.01);
    }

    &:active {
      transform: scale(0.99);
    }
  }

  &--ok {
    border-bottom: hsl(var(--hsl-green-3)) 5px solid;
  }

  &__delete {
    .reset-input();
    color: hsl(var(--hsl-c1));
    position: absolute;
    right: 0;
    padding: 5px 10px;
  }

  &__fileicon {
    font-size: 32px;
    margin-top: 25px;
  }

  &__filename {
    font-weight: lighter;
    font-size: 15px;
    margin-top: 10px;
    padding: 0px 10px;
  }

  &__filesize {
    font-size: 12px;
    color: @osu-colour-f1;
  }

  &__icon {
    padding-bottom: 20px;
    font-size: 16px;
  }

  &__uploader {
    margin: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
    position: relative;
  }
}
